.pageRoot{
    background: rgb(248, 247, 247);
    padding-top: 44px;
    .banner{
        width: 100%;
    }
    .transformation{
        width: 100%;
        min-height: 600px;
        background-image: url(../../assets/home_bg1.png);
        background-size: 307px 476px;
        background-repeat: no-repeat;
        background-position-y: 50px;
        padding: 31px 16px 13px;
        .tit{
            font-size: 16px;
            font-family: PingFangTC-Medium, PingFangTC;
            font-weight: 500;
            color: #D42A2D;
            line-height: 22px;
        }
        h2{
            font-size: 24px;
            font-family: PingFangSC-Semibold, PingFang SC;
            font-weight: 600;
            color: #333333;
            line-height: 24px;
            margin-top: 16px;
        }
        .info{
            margin-top: 23px;
            p{
                font-size: 12px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #000000;
                line-height: 12px;
                margin-bottom: 12px;
            }
        }
        .btn_more{
            width: 80px;
            height: 32px;
            background: #D42A2D;
            border-radius: 4px;
            border: 1px solid #D42A2D;
            font-size: 12px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #FFFFFF;
            line-height: 17px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 8px;
            margin-bottom: 24px;
        }
        .plan{
            width: 100%;
            height: 176px;
            background: linear-gradient(180deg, #F6F6F6 0%, #FFFFFF 100%);
            box-shadow: 0px 15px 30px 0px rgba(46, 51, 71, 0.15);
            border-radius: 8px;
            border: 2px solid #FFFFFF;
            padding: 27px 16px 18px 15px;
            display: flex;
            align-items: center;
            margin-bottom: 16px;
            img{
                width: 48px;
                height: 48px;
                margin-right: 10px;
            }
            div{
                h4{
                    font-size: 14px;
                    font-family: PingFangSC-Medium, PingFang SC;
                    font-weight: 500;
                    color: #333333;
                    line-height: 20px;
                }
                span{
                    display: inline-block;
                    width: 254px;
                    height: 66px;
                    font-size: 12px;
                    font-family: PingFangSC-Regular, PingFang SC;
                    font-weight: 400;
                    color: #666666;
                    line-height: 22px;
                    margin: 12px 0 16px 0;
                    text-overflow: -o-ellipsis-lastline;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 3;
                    -webkit-box-orient: vertical;
                    margin-bottom: 12px;
                }
                p{
                    font-size: 12px;
                    font-family: PingFangSC-Regular, PingFang SC;
                    font-weight: 400;
                    color: #D42A2D;
                    line-height: 17px;
                }
            }
        }
        .revelation{
            font-size: 16px;
            font-family: PingFangTC-Medium, PingFangTC;
            font-weight: 500;
            color: #D42A2D;
            line-height: 22px;
            margin-top: 32px;
            margin-bottom: 4px;
            width: 100%;
            text-align: center;
        }
        h3{
            font-size: 20px;
            font-family: PingFangSC-Semibold, PingFang SC;
            font-weight: 600;
            color: #333333;
            line-height: 28px;
            width: 100%;
            text-align: center;
        }
        .revelation_box{
            width: 100%;
            height: 347px;
            background: linear-gradient(180deg, #F6F6F6 0%, #FFFFFF 100%);
            box-shadow: 0px 15px 30px 0px rgba(46, 51, 71, 0.15);
            border-radius: 8px;
            border: 2px solid #FFFFFF;
            margin-top: 24px;
            padding: 26px 16px 24px;
            p{
                font-size: 14px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #333333;
                line-height: 16px;
                margin-bottom: 16px;
                border-left: 2px solid #D42A2D;
                padding-left: 16px;
                margin-left: -18px;
            }
            .img{
                width: 311px;
                height: 147px;
                background: #DDDDDD;
                border-radius: 8px;
            }
            span{
                display: inline-block;
                font-size: 12px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #696969;
                line-height: 17px;
                margin-top: 20px;
                margin-bottom: 28px;
            }
            .read_all{
                width: 80px;
                height: 32px;
                background: #D42A2D;
                border-radius: 4px;
                border: 1px solid #D42A2D;
                font-size: 14px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #FFFFFF;
                line-height: 20px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }
        .revelation_box:last-child{
            margin-bottom: 37px;
        }
    }
}